<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>${constants.getSystemName()}</title>
    <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css?v=${constants.getReleaseVersion()}"/>
    <link rel="stylesheet" href="${ctxPath}/assets/expand/css/style.css?v=${constants.getReleaseVersion()}"
          media="all"/>

    <!--可无视-->
    <link rel="stylesheet" type="text/css" href="${ctxPath}/assets/common/libs/showStyle/reset.css?v=${constants.getReleaseVersion()}">
    <!--响应式框架-->
    <link rel="stylesheet" type="text/css" href="${ctxPath}/assets/common/libs/showStyle/bootstrap-grid.min.css" />
    <!--图标调用-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!--主要样式-->
    <link rel="stylesheet" type="text/css" href="${ctxPath}/assets/common/libs/showStyle/showStyle.css" />
    <style>
        /** 卡片轮播图样式 */
        .admin-carousel .layui-carousel-ind {
            position: absolute;
            top: -41px;
            text-align: right;
        }

        .admin-carousel .layui-carousel-ind ul {
            background: 0 0;
        }

        .admin-carousel .layui-carousel-ind li {
            background-color: #e2e2e2;
        }

        .admin-carousel .layui-carousel-ind li .layui-this {
            background-color: #999;
        }

        /** 自定义样式*/
        .layui-bt-lwh-center {
            text-align: center
        }

        .layui-color-skyblue-lwh {
            background-color: #87CEEB !important
        }

        .layui-color-skyblue-lwh-delete {
            margin-top: 5px;
            /*background-color: #87CEEB !important*/
            color: #87CEEB !important
        }

        .layui-bg-lwh-schedule {
            background-color: #E0EEEE !important
        }

        .layui-height-lwh {
            height: 154px;
        }

        .layui-height-lwh-header {
            height: 30%;
        }

        .layui-height-lwh-body {
            height: 70%;
        }
        .layui-card-background-lwho{
            background-color: #edf6fd;
            height:154px;
        }
    </style>

</head>

<body>


    <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
    <!-- 正文开始 -->
    <div class="layui-fluid layui-form">
        <div class="layui-row layui-col-space15">

            <div class="layui-row layui-col-space15 layui-bg-lwh-schedule"><!-- 自定义css layui-bg-lwh-schedule  -->
                <div class="layui-col-md3" id="abc" >
                    <p class="lay-big-font">我的日程</p>
                </div>
            </div>
            <!--我的日程编辑-->
            <div class="layui-row layui-col-space15 ">

                <!--显示遍历的草稿日程表-->
                <div id="showsfrom" class=" layui-col-space15 layui-form" >

                </div>

                <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                    <div class="layui-card layui-height-lwh layui-card-background-lwho">
                        <div class="layui-card-header layui-height-lwh-header">
                            <label>更多</label>
                        </div>
                        <div class="layui-card-body layui-height-lwh-body">
                            <div class="layui-bt-lwh-center ">  <!-- 自定义css layui-bt-lwh-center  -->
                                <button name="sharedSform" id="sharedSform" type="button" class="layui-btn layui-btn-primary layui-btn-lg layui-color-skyblue-lwh">
                                    <i class="layui-icon ">&#xe65f;</i>
                                </button>
                            </div>
                            <p>&nbsp;</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--日程框架-->
            <div class="layui-row layui-col-space15 layui-bg-lwh-schedule" >
                <div class="layui-col-md3">
                    <p class="lay-big-font">日程框架</p>
                </div>

            </div>
            <!--日程框架编辑-->
            <div class="layui-row layui-col-space15">

                <div id="showsframe" class=" layui-col-space15 layui-form" >

                </div>

                <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
                    <div class="layui-card layui-height-lwh layui-card-background-lwho">
                        <div class="layui-card-header layui-height-lwh-header">
                            <label>更多</label>
                        </div>
                        <div class="layui-card-body layui-height-lwh-body">
                            <div class="layui-bt-lwh-center ">  <!-- 自定义css layui-bt-lwh-center  -->
                                <button name="sharedSframe" id="sharedSframe" type="button" class="layui-btn layui-btn-primary layui-btn-lg layui-color-skyblue-lwh">
                                    <i class="layui-icon ">&#xe65f;</i>
                                </button>
                            </div>
                            <p>&nbsp;</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

<!-- js部分 -->
    <script type="text/javascript">
        var Feng = {
            ctxPath: "${ctxPath}",
            version: '${constants.getReleaseVersion()}'
        };
    </script>
<script type="text/javascript" src="/assets/common/libs/layui/layui.js"></script>
<script type="text/javascript" src="/assets/common/js/common.js"></script>
<script type="text/javascript" src="/assets/common/js/showShareCommunity.js"></script>
<script type="text/javascript" src="${ctxPath}/assets/common/js/baseMethod.js"></script>
<!--<script>-->
    <!--layui.use(['layer', 'carousel', 'form','ax'], function() {-->
        <!--var $ax = layui.ax;-->
        <!--var $ = layui.jquery;-->
        <!--var layer = layui.layer;-->
        <!--var carousel = layui.carousel;-->
        <!--var device = layui.device;-->
        <!--var form = layui.form;-->
        <!--var buttomId = "全局变量";-->
        <!--// 渲染轮播-->
        <!--carousel.render({-->
            <!--elem: '.layui-carousel',-->
            <!--width: '100%',-->
            <!--height: '60px',-->
            <!--arrow: 'none',-->
            <!--autoplay: true,-->
            <!--trigger: device.ios || device.android ? 'click' : 'hover',-->
            <!--anim: 'fade'-->
        <!--});-->


        <!--layer.open({-->
            <!--scrollbar: false,-->
            <!--resize:false,-->
            <!--type:1,-->
            <!--area: ['400px', '260px'],-->
            <!--offset: 'auto',-->
            <!--title:'共享社区小Code',-->
            <!--content: '<div style="padding: 15px 20px;text-align:center"><p style="font-size: x-large ">欢迎您来到了共享社区！<br/>' +-->
            <!--'是否继续浏览当前页面<br/>进入<a href="/shareCommunity/showShareCommunityRedirectedScheduleFrame">' +-->
            <!--'共享社区-日程框架专栏</a><br/>进入<a href="/shareCommunity/showShareCommunityRedirectedSchedule">' +-->
            <!--'共享社区-日程表专栏</a></p></div>',-->
            <!--icon: 6,-->
            <!--btn: ['是', '否'],-->
            <!--btnAlign: 'c',-->
            <!--shade: 0,-->
            <!--yes:function () {-->
                <!--layer.closeAll();-->
                <!--layer.msg("已进入共享社区！", {-->
                    <!--time: 2000,-->
                    <!--icon: 4-->
                <!--});-->
            <!--}-->
        <!--});-->

        <!--$(function() {-->
            <!--$("#schedule_frame_create").click(function() {-->
                <!--window.location.href = "/myScheduleFrame/addSframe";-->
            <!--});-->
        <!--});-->

        <!--form.on('switch(schedule_frame_share)', function(data){-->
            <!--if (data.elem.checked){-->
                <!--layer.msg(data.elem.id);-->
                <!--alert(data.value)-->
            <!--};-->
            <!--$.ajax({-->
                <!--url:"/shareCommunity",-->
                <!--data:data,-->
                <!--type:"Post",-->
                <!--dataType:"json",-->
                <!--success:function(data){-->
                    <!--console.log(data);-->
                    <!--layer.msg(data.msg);-->
                <!--},-->
                <!--error:function(data){-->
                    <!--$.messager.alert('错误',data.msg);-->
                <!--}-->
            <!--});-->
            <!--// layer.close(index);-->
        <!--});-->

        <!--//触发事件-->
        <!--var active = {-->

            <!--offset: function(othis) {-->
                <!--var type = othis.data('type'),-->
                    <!--bId = othis.data('id'),-->
                    <!--text = "不删除可以吗?";-->
                <!--buttomId=bId;-->
                <!--layer.open({-->
                    <!--type: 1,-->
                    <!--title: "您将删除日程表",-->
                    <!--offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset-->
                    <!--,id: bId + type //防止重复弹出-->
                    <!--,content: '<div style="padding: 20px 100px;">' + text + '</div>',-->
                    <!--btn: ['不可以', '不删除'],-->
                    <!--btnAlign: 'c' //按钮居中-->
                    <!--,shade: 0 //不显示遮罩-->
                    <!--,yes: function() {-->
                        <!--layer.closeAll();-->
                        <!--layer.msg("抱歉，您已删除成功。", {-->
                            <!--time: 2000,-->
                            <!--icon: 5-->
                        <!--});-->
                    <!--},-->
                    <!--btn2: function() {-->
                        <!--layer.closeAll();-->
                        <!--layer.msg("恭喜您，您删除失败了。", {-->
                            <!--time: 2000,-->
                            <!--icon: 6-->
                        <!--});-->
                    <!--}-->
                <!--});-->
            <!--},-->
        <!--};-->

        <!--$('#deleteSchedule2 .layui-btn').on('click', function() {-->
            <!--var othis = $(this),-->
                <!--method = othis.data('method');-->
            <!--active[method] ? active[method].call(this, othis) : '';-->
        <!--});-->

        <!--$('#deleteSchedule1 .layui-btn').on('click', function() {-->
            <!--var othis = $(this),-->
                <!--method = othis.data('method');-->
            <!--active[method] ? active[method].call(this, othis) : '';-->
        <!--});-->


    <!--});-->

<!--</script>-->

</body>

</html>
